.container {
  width: 100%;
  // min-height: 100vh;
  .login {
    width: 500px;
    height: 400px;
    margin: 150px auto;
    background-color: rgba($color: #000000, $alpha: 0.1);
  }
  .title {
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }
  #Login {
    width: 80%;
    margin: 0 auto;
    .form-group {
      margin-bottom: 20px;
      label {
        display: block;
        margin-bottom: 10px;
      }
      .form-control {
        width: 94%;
        height: 1.5em;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      small {
        margin-top: 3px;
        display: block;
        color: #6c757d !important;
      }
    }
    .btn {
        width: 150px;
        height: 38px;
        margin: 0 auto;
        color: #fff;
        background-color: #0069d9;
        border: 0;
        display: block;
        font-weight: 400;
        text-align: center;
        padding: 2px 20px;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 5px;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    }
  }
}
